<%@ page language="java" contentType="text/html; charset=UTF-8" import="java.util.*"
    pageEncoding="UTF-8"%>
    	<%String path=request.getContextPath(); %>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>BONC员工详情</title>

	<jsp:include page="../import.jsp"/>
	<link rel="stylesheet" type="text/css" href="<%=path%>/css/tms/employeePage.css">
	
	<link rel="stylesheet" type="text/css" href="<%=path%>/js/plugins/jeDate/skin/jedate.css">
	<script type="text/javascript" src="<%=path%>/js/plugins/jeDate/jquery.jedate.js"></script>
</head>
<body>
	<jsp:include page="tmsHead.jsp"></jsp:include>
	<div class="container">
		<div class="row">
		
			<div class="col-md-12 rightMessage_top_div">
				<div class="peoplePic"></div>
<%
List<Map<String, Object>> mapList = (List<Map<String, Object>>)request.getAttribute("informationMapList");
Map<String, Object> map =   new HashMap<String, Object>();
if(mapList.size()>0){
	map = (Map<String, Object>)mapList.get(0);

	
%>
			 	<div class="rightMessage_top">
				 	<input id="job_numberInput" type="hidden" name="job_numberInput" value="<%=map.get("job_number")%>"> 
					
					 	<div class="message_div"> <span class="glyphicon glyphicon-user" style="color: rgb(128, 148, 172);"> 姓名:&nbsp; </span><span><%=map.get("name") %></span></div>

						<div class="message_div"><span class="glyphicon glyphicon-home" style="color: rgb(128, 148, 172);"> 学校:&nbsp; </span><span><%=map.get("graduate_school") == null ? "-" : map.get("graduate_school") %></span></div>

						<div class="message_div"><span class="glyphicon glyphicon-earphone" style="color: rgb(128, 148, 172);"> 手机:&nbsp; </span><span><%=map.get("contact_information1") == null ? "-" : map.get("contact_information1") %> ; <%=map.get("contact_information2") == null ? "-" : map.get("contact_information2") %></span></div>

						<div class="message_div"><span class="glyphicon glyphicon-list" style="color: rgb(128, 148, 172);"> 学历:&nbsp; </span><span><%=map.get("degree") == null ? "-" : map.get("degree") %></span></div>

				</div>
				<div class="rightMessage_bottom">


						<div class="message_div1"><span class="glyphicon glyphicon-envelope" style="color: rgb(128, 148, 172);"> 邮箱:&nbsp; </span><span><%=map.get("mail") == null ? "-" : map.get("mail")%></span></div>

						<div class="message_div1"> <span class="glyphicon glyphicon-info-sign" style="color: rgb(128, 148, 172);"> 性别:&nbsp;</span><span><%=map.get("gender") == null ? "-" : map.get("gender") %></span></div>

						<div class="message_div1"><span class="glyphicon glyphicon-copyright-mark" style="color: rgb(128, 148, 172);"> 年龄:&nbsp;</span><span><%=map.get("age") == null ? "-" : map.get("age") %></span></div>
						
						<div class="message_div1"><span class="glyphicon glyphicon-book" style="color: rgb(128, 148, 172);"> 部门:&nbsp;</span><span><%=map.get("department") == null ? "-" : map.get("department") %></span></div>
			 
				</div> 
<%}else{ %>
				<div class="rightMessage_top">
				 	<input id="job_numberInput" type="hidden" name="job_numberInput" value="-"> 
					
					 	<div class="message_div"> <span class="glyphicon glyphicon-user" style="color: rgb(128, 148, 172);"> 姓名:&nbsp; </span><span>-</span></div>

						<div class="message_div"><span class="glyphicon glyphicon-home" style="color: rgb(128, 148, 172);"> 学校:&nbsp; </span><span>-</span></div>

						<div class="message_div"><span class="glyphicon glyphicon-earphone" style="color: rgb(128, 148, 172);"> 手机:&nbsp; </span><span>-</span></div>

						<div class="message_div"><span class="glyphicon glyphicon-list" style="color: rgb(128, 148, 172);"> 学历:&nbsp; </span><span>-</span></div>

				</div>
				<div class="rightMessage_bottom">


						<div class="message_div1"><span class="glyphicon glyphicon-envelope" style="color: rgb(128, 148, 172);"> 邮箱:&nbsp; </span><span>-</span></div>

						<div class="message_div1"> <span class="glyphicon glyphicon-info-sign" style="color: rgb(128, 148, 172);"> 性别:&nbsp;</span><span>-</span></div>

						<div class="message_div1"><span class="glyphicon glyphicon-copyright-mark" style="color: rgb(128, 148, 172);"> 年龄:&nbsp;</span><span>-</span></div>
						
						<div class="message_div1"><span class="glyphicon glyphicon-book" style="color: rgb(128, 148, 172);"> 部门:&nbsp;</span><span>-</span></div>
			 
				</div> 
				
<%} %>

				
				
			</div>
			
			
			<div class="col-md-12 pandect_div">
			
				<div>
					<div style="float:left;">
						<h4 style="width:220px;">薪酬成本</h4>
					</div>
					
					 <div class="date-show-new" style="float:left;">
						<span class="wstxt">开始日期：</span><input type="text" class="workinput wicon" id="startSalary" readonly>
						<span class="wstxt">结束日期：</span><input type="text" class="workinput wicon" id="endSalary" readonly>
						<button class="btn btn-default" onclick="loadSalary(),loadSocialSecurityBenefits();">查询</button>
						
					</div> 
					<div style="width:100%; float:left; border-bottom: 1px solid #e4e4e4;"></div>
				</div>
				
				<div id="salaryMain" class="viewStyle"></div>
			</div>
			
			<div class="col-md-12 pandect_div">
				<h4>社保福利成本</h4>
				<div id="socialSecurityBenefitsMain" class="viewStyle"></div>
			</div>
			
			
			<div class="col-md-12 pandect_div"><!-- pandect_div -->
				<h4>薪资记录</h4>
				<div class=""><!-- viewStyle -->
					<span>当前薪酬：</span><span id="current_salary"></span>
					<h5>调薪经历</h5>
					<table id="SalaryIncreaseExperience-table" class="table table-striped table-bordered table-hover" style="text-align: left;">
						<thead>
							<tr>
								 
								<th style="width: 20%;">时间</th>
								<th style="width: 10%;">调整后-基本工资</th>
								<th style="width: 8%;">调整后-绩效</th>
								<th style="width: 8%;">调整后-奖金</th>
								<th style="width: 8%;">调整后-T级</th>
								<th style="width: 8%;">社保福利成本</th>
								<th style="width: 8%;">人力成本</th>
								<th style="width: 10%;">备注</th>
								
							</tr>
						</thead>
						<tbody id="SalaryIncreaseExperience_tbody">
							
						</tbody>
						
					</table> 
					
				</div>
				
			</div>
			
			<!-- 页面尾部 -->
			
		</div>

	</div>
	<script src="<%=path%>/js/tms/employeePage.js"></script> 
	
	<script>
		var start = {
		    format: 'YYYY-MM',
		    minDate: '1997-06', //设定最小日期为当前日期$.nowDate(0)
		    isinitVal:true,
		    festival:true,
		    ishmsVal:false,
		    maxDate: '2099-06', //最大日期
		    choosefun: function(elem,datas){
		        end.minDate = datas; //开始日选好后，重置结束日的最小日期
		    }
		};
		var end = {
		    format: 'YYYY-MM',
		    minDate: $.nowDate(0), //设定最小日期为当前日期
		    isinitVal:true,
		    festival:true,
		    ishmsVal:false,
		    maxDate: '2099-06', //最大日期
		    choosefun: function(elem,datas){
		        start.maxDate = datas; //将结束日的初始值设定为开始日的最大日期
		    }
		};
		$('#startSalary').jeDate(start);
		$('#endSalary').jeDate(end);
		
		 
	</script>
</body>
</html>